<template>
  <div class="test">
    <button @click="goHome">goHome</button>
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  methods: {
    goHome() {
      // $route 获取参数
      // $router 路由对象
      // query
      // this.$router.push('/home')
      // this.$router.push('/home?name=fly&age=18')
      // this.$router.push({
      //   path: '/home',
      //   query: {
      //     name: 'zs',
      //     age: 18
      //   }
      // })
      // params
      // this.$router.push('/home/fly/18')
      // this.$router.push({
      //   name: 'home',
      //   params: {
      //     name: 'fly',
      //     age: 18
      //   }
      // })
      // 返回上一页
      // this.$router.go(-1)
    }
  }
}
</script>
<style lang="scss" scoped>
.test {
  .active {
    color: red;
    font-size: 50px;
  }
}
</style>
